@layout("/common/_container.html"){
<style>
    ul{ margin: 0; padding: 0; }
    input, select {  border-radius: 5px;border: 1px solid #a9a9a9; padding-left: 10px; }
    .choice_btn{  background: #5e8aa3;  color: white;  padding: 3px 10px;}
    .btn_box button {  margin: 0;  color: white;  background: #2b6594;  padding: 6px 30px;}
    .records>li{  color: white;  cursor:pointer;  }
    .flexBox{display: flex}
    .flexBox > div {flex: 2 ; display: flex ; align-items: center}
    .flexBox > div span{flex: 1}
    .flexBox > div div { flex:  3;}
    .selectBox {  width: 46%;  height: 38px  }
</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content">
        <div style="display: none">
            <input type="hidden" id="id" value="">
            <input type="hidden" id="tcNameValue" value="">
            <input type="hidden" id="outpatientNameValue" value="">
            <input type="hidden" id="menuName" value="市场-回访记录">
        </div>
        <div class="flexBox">
            <div style="flex: 1">
                <span>部门</span>
                <div>
                    <select id="department" name="department" class="selectBox" style="width: 85%" onchange="RevisitRecord.search()" >
                        <option value="">全部</option>
                        <option value="网电咨询">网电咨询</option>
                        <option value="电销咨询">电销咨询</option>
                        <option value="公共池">公共池</option>
                        <option value="地推">地推</option>
                        <option value="新媒体">新媒体</option>
                        <option value="老带新">老带新</option>
                        <option value="直接上门">直接上门</option>
                    </select>
                </div>
            </div>
            <div>
                <span style="text-indent: 1rem">回访时间</span>
                <div style="flex: 4">
                    <button class="btn btn2" type="button">月</button>
                    <button class="btn btn3" type="button">日</button>
                    <input type="text" id="startRevisitTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD'})">
                    <span class="glyphicon glyphicon-backward" id="minus" style="cursor:pointer;"></span>
                    <span class="glyphicon glyphicon-forward" id="next" style="cursor:pointer;"></span>
                </div>
            </div>
            <div>
                <span>最后回访时间</span>
                <div>
                    <input type="text"  id="startTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                    <span>-</span>
                    <input type="text" id="endTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                </div>
            </div>
            <div>
                <span style="text-indent: 2rem;">建档时间</span>
                <div>
                    <input type="text"  id="startFilingTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                    <span>-</span>
                    <input type="text" id="endFilingTime" class="selectBox"
                           onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">
                </div>
            </div>
        </div>
        <div class="flexBox" style="margin: 20px 0 15px;">
            <div style="flex: 1;">
                <span>门诊</span>
                <div>
                    <select id="outpatientName" name="outpatientName" class="selectBox" style="width: 85%;" onchange="RevisitRecord.search()"></select>
                </div>
            </div>
            <div>
                <span style="margin-left: 20px;">跟进人</span>
                <div style="flex: 6">
                    <input type="text" id="follower" class="selectBox" style="width: 32%">
                    <button type="button" class="btn choice_btn"
                            onclick="RevisitRecord.getFollower()" style="height: 38px;">请选择
                    </button>
                </div>
            </div>
            <div></div>
            <div style="text-align: right   ">
                <div class="btn_box">
                    <button type="button" class="btn" onclick="RevisitRecord.resetSearch()">清空</button>
                    @if(shiro.hasPermission("/super_no")){
                    <button type="button" class="btn" onclick="RevisitRecord.downLoad()">导出</button>
                    @}
                    <button type="button" class="btn" onclick="screenTable()">筛选</button>
                </div>
            </div>
        </div>


        <!--<div class="row">-->
            <!--<div class="col-sm-12">-->
                <!--<ul class="ul_li clearfix">-->
                    <!--<li>-->
                        <!--<label>回访时间</label>-->
                        <!--<button class="btn btn2" type="button">月</button>-->
                        <!--<button class="btn btn3" type="button">日</button>-->
                        <!--<input type="text" id="startRevisitTime" style="width: 186px;height: 38px;"-->
                               <!--onclick="laydate({istiem:true,format:'YYYY-MM-DD'})">-->
                        <!--<span class="glyphicon glyphicon-backward" id="minus" style="cursor:pointer;"></span>-->
                        <!--<span class="glyphicon glyphicon-forward" id="next" style="cursor:pointer;"></span>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<div>-->
                            <!--<label>部门</label>-->
                            <!--<select id="department" name="department" class="selectBox" onchange="RevisitRecord.search()" >-->
                                <!--<option value="">全部</option>-->
                                <!--<option value="网电咨询">网电咨询</option>-->
                                <!--<option value="电销咨询">电销咨询</option>-->
                                <!--<option value="公共池">公共池</option>-->
                                <!--<option value="地推">地推</option>-->
                                <!--<option value="新媒体">新媒体</option>-->
                                <!--<option value="老带新">老带新</option>-->
                                <!--<option value="直接上门">直接上门</option>-->
                            <!--</select>-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>-->
                        <!--<label>跟进人</label>-->
                        <!--<input type="text" id="follower" style="width: 128px;height: 38px;">-->
                        <!--<button type="button" class="btn choice_btn"-->
                                <!--onclick="RevisitRecord.getFollower()" style="height: 38px;">请选择-->
                        <!--</button>-->
                    <!--</li>-->
                    <!--<li class="btn_box"  style="float: right">-->
                        <!--<button type="button" class="btn" onclick="RevisitRecord.resetSearch()">清空</button>-->
                        <!--<button type="button" class="btn" onclick="RevisitRecord.downLoad()">导出</button>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div class="col-sm-12" style="padding:5px 15px 20px;">-->
                <!--<span>最后回访时间</span>-->
                <!--<input type="text"  id="startTime" style="width: 186px;height: 39px;padding-left: 5px;"-->
                       <!--onclick="laydate({istiem:true,format:'YYYY-MM-DD'})">-->
                <!--<span>-</span>-->
                <!--<input type="text" id="endTime"  style="width: 186px;height: 39px;padding-left: 5px;"-->
                       <!--onclick="laydate({istiem:true,format:'YYYY-MM-DD'})">-->

                <!--<span>建档时间</span>-->
                <!--<input type="text"  id="startFilingTime" style="width: 186px;height: 39px;padding-left: 5px;"-->
                       <!--onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">-->
                <!--<span>-</span>-->
                <!--<input type="text" id="endFilingTime"  style="width: 186px;height: 39px;padding-left: 5px;"-->
                       <!--onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss'})">-->
            <!--</div>-->
        <!--</div>-->

        <div class="row bigSize">
                <div class="col-sm-12" style="background:#2f4050;;line-height: 46px;">
                    <ul class="records clearfix">
                        <li>回访人数: <span style="color: #59efe6" id="huifangNum"></span></li>
                    </ul>
                </div>
        </div>
        <#table id="RevisitRecordTable"/>
    </div>
</div>
<script src="${ctxPath}/static/js/common/bootstrap-table-objectd.js"></script>
<script src="${ctxPath}/static/modular/returnVisit/revisitRecord.js"></script>
@}